<template>
  <div>
    <h2>学生姓名{{name}}</h2>
    <h2>学生性别{{sex}}</h2>
    <h2>学生年龄{{myAge}}</h2>
    <button @click="showInfo"></button>
  </div>
</template>

<script>
import {mixin} from '../..//mixin.js'

export default {
    name:'StudentDetail',
    data() {
        return {
            myAge:this.age
        }
    },
    // methods: {
    //     showInfo(){
    //         this.myAge++
    //     }
    // },
    mixins:[mixin],
    //props:['name','age','sex']
    // props:{
    //     name:String,
    //     age:Number,
    //     sex:String
    // }
    props:{
        name:{
            type:String,
            required:true
        },
        age:{
            type:Number,
            defualt:99
        },
        sex:{
            type:String,
            required:true
        }
    }
}
</script>

<style>

</style>